---
hide_title: true
title: 'PlaceholderExtension'
---

import Basic from '../../website/extension-examples/extension-placeholder/basic';

# `PlaceholderExtension`

## Summary

This extension shows a placeholder when the **ProseMirror** content of your editor is empty.

## Features

### Custom styling

The placeholder can be styled with a custom CSS class.

## Usage

### Installation

This extension is installed for you when you install the main `remirror` package.

You can use the imports in the following way:

```ts
import { PlaceholderExtension } from 'remirror/extensions';
```

The extension is provided by the `@remirror/extension-placeholder` package.

### Examples

<Basic />

## API

- [PlaceholderExtension](../api/extension-placeholder)
